<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="normalize.css">
    <script src="flexible.js"></script>
    <link rel="stylesheet" href="index.css">
</head>
<body>
<div class="whole">
    <div class="whole--header">
        <img class="whole--header--leftmost" src="img/left.png" alt="">
        消息(99+)
        <img class="whole--header--clear--icon" src="img/qingchu.png" alt="">
        <img class="whole--header--user" src="img/my.png" alt="">
        <img class="whole--header--add" src="img/tianjia.png" alt="">
    </div>
    <ul class="entire--content">
        <li class="entire--content-all">
            <div class="entire--content--leftmost">
                <img class="entire--content--icon" src="img/cuxiao.png" alt="">
            </div>
            <div class="entire--content--middle">
                <span class="entire--content--main">优惠促销</span>
                <span class="entire--content--discount--coupon">112减100神券持续抢,千款好物加磅,...</span>
                <span class="entire--content--time">昨天</span>
                <span class="entire--content--delete">删除</span>
            </div>
        </li>
        <li class="entire--content-all">
            <div class="entire--content--leftmost">
                <img class="entire--content--icon" src="img/zhanghu.png" alt="">
            </div>
            <div class="entire--content--middle">
                <span class="entire--content--main">账户通知</span>
                <span class="entire--content--discount--coupon">你有一张优惠券到账,优惠总额10元,今...</span>
                <span class="entire--content--time">昨天</span>
                <span class="entire--content--delete">删除</span>
            </div>
        </li>
        <li class="entire--content-all">
            <div class="entire--content--leftmost">
                <img class="entire--content--icon" src="img/fuwu.png" alt="">
            </div>
            <div class="entire--content--middle">
                <span class="entire--content--main">服务通知</span>
                <span class="entire--content--discount--coupon">您的购物车中的【三星(SAMSUNG) 128...</span>
                <span class="entire--content--time">昨天</span>
               <span class="entire--content--delete">删除</span>
            </div>
        </li>
        <li class="entire--content-all">
            <div class="entire--content--leftmost">
                <img class="entire--content--icon" src="img/toutiao.png" alt="">
            </div>
            <div class="entire--content--middle">
                <span class="entire--content--main">店铺头条</span>
                <span class="entire--content--discount--coupon">冲鸭~最后2个小时下单再减20！！！</span>
                <span class="entire--content--time">星期日</span>
                <span class="entire--content--delete">删除</span>
            </div>
        </li>
        <li class="entire--content-all">
            <div class="entire--content--leftmost">
                <img class="entire--content--icon" src="img/huiyuan.png" alt="">
            </div>
            <div class="entire--content--middle">
                <span class="entire--content--main">PLUS会员</span>
                <span class="entire--content--discount--coupon">11.11要剁手? 先【免费领】30天PLUS...</span>
                <span class="entire--content--time">星期六</span>
               <span class="entire--content--delete">删除</span>
            </div>
        </li>
        <li class="entire--content-all">
            <div class="entire--content--leftmost">
                <img class="entire--content--icon" src="img/baitiao.png" alt="">
            </div>
            <div class="entire--content--middle">
                <span class="entire--content--main">京东白条</span>
                <span class="entire--content--discount--coupon">3期全品类免息券等你来拿！还可连领11...</span>
                <span class="entire--content--time">2018/11/02</span>
                <span class="entire--content--delete">删除</span>
            </div>
        </li>
    </ul>
</div>
</body>
<script src="index.js"></script>
</html>